<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 导航栏 -->
    <nav>
        <img src='./img2/basic-logo-dark.png' alt="">
        <ul class="leftUl">
            <li><a href="index.html">首页</a></li>
            <li><a href='javascript:;'>跟团</a></li>
            <li><a href='javascript:;'>自由行</a></li>
            <li><a href='javascript:;'>邮轮</a></li>
            <li><a href='javascript:;'>机票</a></li>
            <li><a href='hotal.html'>酒店</a></li>
            <li><a href='raiders.html'>攻略</a></li>
            <li><a href='publish.html'>发布攻略</a></li>
        </ul>
        <ul class="rightUl">
            <li class="out"><a href="javascript:;">退出</a></li>
            <li class="resgist" style="width: 150px;color: red;"><a href="./login.html">登录</a></li>
        </ul>
    </nav>

    <!-- 轮播图 -->

    <div class="contain">
        <div class="banner">
            <ul>
                <li class="current"><img src="./img2/banner1.jpg" alt=""></li>
                <li><img src="./img2/banner2.jpg" alt=""></li>
                <li><img src="./img2/banner3.jpg" alt=""></li>
                <li>
                    <img src="./img2/banner4.jpg" alt="">
                </li>
            </ul>
            <ol>
                <li class="current " data-name="point" data-i="0"></li>
                <li data-name="point" data-i="1"></li>
                <li data-name="point" data-i="2"></li>
                <li data-name="point" data-i="3"></li>
            </ol>
            <a href="javascript:;" class="left">&lt;</a>
            <a href="javascript:;" class="right">&gt;</a>
        </div>
        <!-- 攻略内容 -->
        <div class="suc">
            <div class="suc_p">
                <a href="raiders.html">
                    <p class="one_p">攻略<span>”</span></p>
                </a>
            </div>
            <!-- js渲染内容容器 -->
            <div class="content">
                <!-- js渲染攻略内容容器 -->
            </div>
        </div>
       <div class="contain">
        <h1 style="font-size: 24px;">酒店<span>”</span></h1>
            <div class="hotal">
               
                <!-- js渲染酒店内容容器 -->
            </div>
       </div>
</body>

</html>
<script src="./js/common.js"></script>
<script src="./js/axios.min.js"></script>
<script src="./js/index.js"></script>